
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>examples</title>
    <script src="../library/index.js"></script>  
  </head>
  <body style="padding: 0; margin: 0;">
<canvas
      id="app"
       style="position: absolute; background-color: aquamarine; margin: 10px; left: 00px;"
      width="500px"
      height="500px"
    >

    
<script>
  const map = new metaGis.default("app", {
  center: [102.73020058664703, 25.034912333424444],
  zoom: 6
})

setTimeout(() => {
  map.flyTo(102.73020058664703, 24.034912333424444)
}, 2000)

setTimeout(() => {
  map.flyTo(102.73020058664703, 24.034912333424444, 10)
}, 4000)

</script>
  </body>
  </html>

  